<ul class="list-unstyled">
  <#if groups?? && groups?size gt 0>

      <#list groups?values as group>
      <#if group.status=='open'>
            <li class="col-md-${colNum!4}">

                  <div class="panel">
              
                        <div class="media">
                            <a href="${ctx}/group/${group.id}" title="${group.title}" class="pull-left">
                              <#if group.logo??>
                              <img src="${file_path(group.logo)}" alt="${group.title}" style="width:58px;height:58px;" >
                              <#else>
                              <img src="${ctx}/assets/img/default/group.png" alt="${group.title}"  style="width:58px;height:58px;">
                              </#if>
                            </a>
                            <div class="media-body">
                              <p style="margin:0 0 10px;"><a  href="${ctx}/group/${group.id}" title="${group.title}">${fastLib.plainText(group.title,10)}</a></p>
                              <div class="text-muted text-normal">
                                ${group.memberNum!0}个成员&nbsp;
                                ${group.threadNum!0}个话题
                              </div>
                            </div> 
                          </div>
                    </div>

              </li>
      </#if>
      </#list>

  <#else>
        <div class="empty">暂无小组信息！</div>
  </#if>
      
</ul>